<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="//unpkg.com/layui@2.8.17/dist/css/layui.css" rel="stylesheet">
</head>
<body>
<div id="root"></div>
<script src="../../../javascript/react.js"></script>
<script src="../../../javascript/react-dom.js"></script>
<script>
    /*
    * createElement允许创建一个React元素。它可以作为JSX的替代方案
    *   第一个参数是必填，传入的是似HTML标签名称，eg: ul, li
    *   第二个参数是选填，表示的是属性，eg: className
    *   第三个参数是选填, 子节点，eg: 要显示的文本内容
    * */
    class App extends React.Component {
        constructor(props) {
            super(props)
        }
        render() {
            return React.createElement("div", null, "头部")
        }
    }

    const root = ReactDOM.createRoot(document.querySelector("#root"))
    root.render(React.createElement(App,null))
</script>
</body>
</html>
